.sns-board-page .sns-top-group .fui-cell {
    padding:.6rem;
}
.sns-board-page .sns-top-group:before{
    display: none;
}
.sns-board-page .sns-top-group .fui-cell:after {
    display: none;
}
.sns-board-page .sns-top-group .fui-cell .fui-cell-info {
    font-size:0.65rem;
}

.sns-board-page .fui-card{
margin:.5rem 0;
}
.sns-board-page .empty {

    color:#999;
    font-size:.75rem;
    margin:.5rem;
    text-align: center;
}
.sns-board-page .btn-add-post {

    position: absolute;
    bottom:2.2rem;
    right:1.1rem;
    width:2.8rem;
    height:2.8rem;
    -webkit-border-radius:2.8rem;
    -moz-border-radius:2.8rem;
    border-radius:2.8rem;
    line-height:2.6rem;
}
.sns-board-page .btn-add-post .icon {
    font-size:1.2rem;
    font-weight:bold;;
}
.sns-board-post-page .cell-funcs .icon {
    font-size:1.3rem;margin-right:.5rem;color:#999;
}

.sns-board-page .fui-card-content  {
    -ms-word-break: break-all;
    word-break: break-all;
    overflow:hidden;
}
.sns-board-page .fui-card-content .fui-card-content-title {
    font-size:0.85rem;padding:0.2rem 0;display: block;
}


.sns-board-page .menu .item .icon {
    font-size:.75rem;
}
.post-card .image img { border-radius:2.2rem;}
.sns-post-detail-page .fui-article {
	padding: 0.3rem .5rem;
}
.sns-post-detail-page .fui-article .fui-article-title {
    padding-top:.2rem;
    font-size:0.8rem;
}
.sns-post-detail-page .fui-article .fui-article-subtitle {
    color:#999;
    font-size:.65rem;
    padding:0.4rem 0;
}.sns-post-detail-page .fui-article .fui-article-subtitle.func {
    padding-top:0;

 }
.sns-post-detail-page .fui-article .fui-article-content {
    color:#333;
    font-size:0.65rem;
    line-height:22px;
}
.sns-post-detail-page .post-detail-avatar img {
    width:2.2rem;height:2.2rem;
    -webkit-border-radius:2.2rem;
    -moz-border-radius:2.2rem;
    border-radius:2.2rem;
}
.fui-card .fui-card-content {
    display: block;
}
.fui-card .fui-card-info .text .title {
    color:#333;
}
.fui-card .fui-card-images {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width:100%;
    padding:0 0.5rem;
}
.fui-card .fui-card-images img {
    float: left;
    overflow: hidden;
    padding-bottom: 5.5rem; /* 关键就在这里 */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;


}
.fui-card .fui-card-images .num {
    position: absolute;
    right:.68rem;
    top:0rem;
    background:rgba(0,0,0,0.8);
    color:#fff;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0.2rem;
    padding:0.2rem;
}
.link { color: #1c84c6}
.board-label {
    display:inline-block;
    border:1px solid #00a0e9;
    color: #00a0e9;
    border-radius: 2rem;padding:0 .5rem;
}

.sns-post-detail-page .fui-navbar .nav-item {
    font-size:.7rem;
}
.sns-post-detail-page .empty {
    padding:1rem 0;
    padding-top:0;
    display: none;
}


.post-func .icon { font-size:1.2rem; color:#999;margin-right:.2rem;}
.post-func .icon.selected {  color:#00a0e9 }

.post-face {
     border-top:1px solid #d9d9d9;
     width:100%;
     overflow: hidden;
     background:#fff;
     padding:.5rem .2rem;
     padding-right:.4rem;
     margin:0 .5rem;
     display: none;
}
.post-face .item {
 float:left; width:24px;height:24px; margin:.1rem;
}
.fui-cell.post-image { display: none}
.sns-post-detail-page .text-reply {
    padding:.2rem 0;color:red; color:#333; font-size:.75rem; word-break: break-all;
}
.sns-post-detail-page .text-time {
    color:red; color:#999; padding-top:.2rem;
}

.sns-post-detail-page .text-remark {
    font-size:.6rem;
}
.sns-post-detail-page .text-time .link { color: #999; }
.sns-post-detail-page .text-time .link .icon { font-size:.6rem;}
.sns-post-detail-page .text-time .link.selected { color: #1c84c6}
.sns-post-detail-page .text-parent {
    margin-left:.2rem;
    margin-top:.2rem;
    padding-bottom:.2rem;
}
.text-parent .org{color:#eb7350;}


.sns-post-detail-page .reply-list {

    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: start;
    height:auto;
}

.sns-post-detail-page .reply-avatar {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: start;
    height:auto;
}

.sns-post-detail-page .reply-avatar img {
    width:2rem;height:2rem;
    -webkit-border-radius:2rem;
    -moz-border-radius:2rem;
    border-radius:2rem;


}
.sns-post-detail-page .post-detail-avatar img {
    width:2.2rem;height:2.2rem;
    -webkit-border-radius:2.2rem;
    -moz-border-radius:2.2rem;
    border-radius:2.2rem;

}
.level-label {  font-size:0.6rem;padding:0 0.2rem;height:0.8rem;line-height: 0.8rem;-webkit-border-radius: 0.1rem;border-radius: 0.1rem;vertical-align: top;}
.content-images img.emoji {
    width:24px; max-width:24px; display: inline-block;;
}
.user-info-page .user-bg .back{position: absolute;top: 0.5rem;left: 0.5rem;height: 1.75rem;width: 1.75rem;background: rgba(0,0,0,0.3);border-radius: 1rem;color:#fff;text-align: center}
.user-info-page .user-bg .back i{font-size: 1.5rem;line-height: 1.75rem;}

.user-info-page .user-bg {
    width:100%;position:relative;
    height:auto;
}
.user-info-page  .user-bg .bg {
     width:100%;
}
.user-info-page .user-bg .head {
    background:#fff;
    height: 4rem; width: 4rem;  border-radius: 3rem; position: absolute; left: 50%; margin-left: -2rem; bottom: -2rem;
    border:2px solid #fafafa; padding:.05rem;
}
.user-info-page .user-info {
    position:relative;
    top:2.5rem;
    text-align: center;
}

.user-info-page .user-info .nickname {
    color:#000;font-size:1rem;
    display:block;;
}.user-info-page .user-info .label {
     display:block;
 }
.user-info-page .user-info .post {
    padding-top:.5rem;
    display:block;
    font-size:.7rem;
    color:#22b2e4;
}
.user-info-page .user-info .sign {
    display:block;
    font-size:.75rem;
    color:#666;
    padding:.5rem;
}.user-info-page .user-info .sign .icon {
    color:#333;
 }
.user-info-page .fui-line  {
    font-size:.75rem; color: #999;
}
.user-info-page .user-history {
    position: relative;
    top:3rem;
}
.user-info-page .user-history .boards {
    position: relative;
    padding:.5rem;
    text-align: center;
    width:100%;
    overflow: hidden;
}
.user-info-page .user-history .boards .board-item {
    width:18%;
    height:4rem;
    text-align: center;
    float:left;
    margin-right:.2rem;
    margin-bottom:.2rem;

}
.user-info-page .user-history .boards .board-item img {
    width:2.5rem;height:2.5rem;
}
.user-info-page .user-history .boards .board-item .text {
    text-align: center;
    font-size:.7rem;color:#666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width:100%;
}
.user-info-page .user-history .board-more {
    display:block;
    text-align:center;
    color:#22b2e4;
    font-size:.7rem;
    width:100%;
    float:left;
}
.user-info-page .user-history .fui-list-group:after,
.user-info-page .user-history .fui-list-group:before{
    display:none;
}

.user-info-page .user-history .post-more {
    display:block;
    text-align:center;
    color:#22b2e4;
    font-size:.7rem;
}
.fui-navbar ~ .fui-content, .fui-content.navbar{padding:0;}
@media only screen and (min-width: 992px){
    .fui-lg-1{width:8.333333333333332%;}
}
@media only screen and (min-width: 1200px){
    .fui-md-2{width:16.666666666666664%;}
}
@media only screen and (max-width: 768px){
    .fui-sm-3{width:25%;}
}
@media only screen and (max-width: 320px){
    .fui-xs-4{width:33.33333333333333%;}
}
.complain-type > span{display: block;float:left;padding:0.2rem 0.4rem;}
.complain-type > span a{height:1.2rem;display: block;text-align: center;line-height: 1.2rem;font-size:0.6rem;color:#666;-webkit-border-radius: 0.2rem;border-radius: 0.2rem;border:1px solid #cacaca;}
.complain-type > span a.active{color:#fff;background: #f60;border:1px solid #f60;}

.complain-title{padding:0.5rem;font-size:0.7rem;}
.complain-type{padding:0 0 0.2rem 0;}
.complain-type p{padding:0.2rem 0.5rem;font-size:0.6rem;}
.fui-cell.complain-image{display: none;}
#post_member{color:#f60;}
.sns-index-back{position:fixed;top: 0.5rem;left: 0.5rem;height: 1.75rem;width: 1.75rem;background: rgba(0,0,0,0.3);border-radius: 1rem;color: #fff;text-align: center;z-index:10;
display: block;}
.sns-index-back .icon{width:1.75rem;height:1.75rem;line-height: 1.75rem;display: block;font-size:1.2rem;}

.btn-sns-submit{background: #f60;color:#fff;display: block;}



